iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 18
1

在Lektor中設定自動導向非常地簡單!一樣從model templatecontent依序下手:

Model

models/redirect.ini

在redirect的model中建立target這個字串欄位,指定路徑進行導向。

[model]
name = Redirect

[fields.target]
label = Redirect Target
type = string
description = Target is of type 'string' to allow relative paths. Converted to url in the template.

Template

template很簡單,一句話:

templates/redirect.html

<meta http-equiv="refresh" content="0; URL='{{ this.target|url }}'" />

Contents

content/page-to-redirect/contents.lr

在你要進行重新導向的網頁路徑中,修改contents內容,指定model為redirect,讓lektor知道這個網頁需要重新導向。

_model: redirect
---
target: /new/path
---
_discoverable: no

自行測試

照著說明做,測試將網頁重新導向到blog頁面,名稱為backToBlog,target就是/blog

  1. 新增redirect.ini model

  2. 新增redirect.html template

  3. 新增backToBlog/contents.lr,並設定target: /blog

  4. backToBlog連結加入nav bar中。

    <nav>
        <ul class="nav navbar-nav">
            <li{% if this._path == '/' %} class="active"{% endif
                  %}><a href="{{ '/'|url }}">Welcome</a></li>
            {% for href, title in [
            ['/blog', 'Blog'],
            ['/projects', 'Projects'],
            ['/backToBlog', 'backToBlog'],
            ['/about', 'About']
            ] %}
            <li{% if this.is_child_of(href) %} class="active"{% endif
                  %}><a href="{{ href|url }}">{{ title }}</a></li>
            {% endfor %}
        </ul>
    </nav>
    

redirect

團隊系列文

CSScoke - 金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎
King Tzeng - IoT沒那麼難!新手用JavaScript入門做自己的玩具~
Hina Hina - 陣列大亂鬥
阿斬 - Python 程式交易 30 天新手入門
Clarence - LINE bot 好好玩 30 天玩轉 LINE API
塔塔默 - 用Python開發的網頁不能放到Github上?Lektor說可以!!
Vita Ora - 好 Js 不學嗎 !? JavaScript 入門中的入門。


上一篇
網頁創世紀,一篇說完Lektor網頁建置!
下一篇
我不轉彎唱上癮?Lektor可以讓網頁不轉彎!
系列文
用Python開發的網頁不能放到Github上?Lektor說可以!!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言